<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>外包队伍管理系统</title>

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        body {
            background-image: url("../image/chinaHuaDian.jpg");
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
        }
        .one{
        	font-family:微软雅黑;
        	color:#FFFF00;
        	font-size:35px;
        }
        .two{
        	font-family:黑体;
        	color:#00868B;
        }
        .three{
        	font-family:微软雅黑;
        	color:#000000;
        	font-size:20px;
        }
    </style>
</head>
<body>
<center>
<table width="80%" height="15%" border="1">
<tr bgcolor="#8B4500">
<td width="">
<td width="10" height="15%">
<img src="images/chd.jpg" width="100" height="90"/>
</td>
<td width="25%">&nbsp;</td>
<td width="55%">
 <h1 class="one">中国华电外包队伍管理系统</h1>
</td>
</tr>
</table>
<table height="5%">
<tr><td>&nbsp;</td></tr>
</table>
<table width="80%">
<tr bgcolor="#FFEFDB">
<td width="40%" height="65%">
<img src="images/1.jpg"/></td>
<td width="15%">&nbsp;</td>
<td width="20%">
 <form:form action="" method="post" commandName="user" role="form">
 <table>
 <tr>
 	<td width="5%" height="10%">&nbsp;</td>
 	<td class="three">用户登录</td>
 </tr>
 <tr bgclor="#8B0000" height="5%"><td>%nbsp;</td></tr>
 <tr>
 </table>
 <label for="name" class="two">用户名：</label>
 <input type="text" class="form-control" id="name" name="name" placeholder="请输入用户名"/>
 <label for="password" class="two">密码：</label>
 <input type="password" class="form-control" id="password" name="password" placeholder="请输入密码"/>
 <button type="submit" class="btn btn-sm btn-success">登录</button>
 </form:form>
 </td>
 <td>&nbsp;</td>
</tr>
</table>


<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</center>
</body>
</html>
